.box_sizing {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.break1 {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 1;
  /** 显示的行数 **/
  overflow: hidden;
  /** 隐藏超出的内容 **/
}

.break2 {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 2;
  /** 显示的行数 **/
  overflow: hidden;
  /** 隐藏超出的内容 **/
}

.flex_row,
.flex {
  display: flex;
  flex-direction: row;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
}

/*项目竖向排列*/
.flex_col {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
}

/*flex-shrink  所有项目的flex-shrink: 1; 只有一个为0  则空间不足时，为0不缩小*/
/*项目可换行 默认不换行*/

.flex_grow {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

/*水平和垂直居中*/

.flex_center {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}

/*水平居中*/

.flex_x_center {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/*右对齐*/

.flex_x_right {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: center;
  justify-content: flex-end;
}

/*两端对齐*/

.flex_x_between,
.flex_between {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}

/*两侧间距相等对齐*/

.flex_x_around {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-around;
  -webkit-justify-content: space-around;
  -ms-flex-pack: space-around;
  justify-content: space-around;
}

/*Y轴居中*/

.flex_y_center {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}

/*底部对齐*/

.flex_y_bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  -ms-grid-row-align: flex-end;
  align-items: flex-end;
}

.item_end {
  align-self: flex-end;
  /*单个项目底部*/
}

/*-------------------------------------*/

/*item 上使用*/

/*flex-shrink  所有项目的flex-shrink: 1; 只有一个为0  则空间不足时，为0不缩小  */

/*适合左右排 0 占绝对位置 1占满盒子 根据盒子大小变化而变化*/

.flex_grow_0 {
  min-width: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.flex_grow_1 {
  min-width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

/*最小的值排在最前面*/

.order {
  order: 1;
}

/*flex-start | flex-end  | center    | baseline                       | stretch;
  顶端对齐    底部对齐  中间对齐   项目的第一行文字的基线对齐。 占满y轴高度 默认值*/

.item_end {
  align-self: flex-end;
  /*单个项目底部*/
}

.item_center {
  align-self: center;
  /*单个项目居中对齐*/
}

a:hover,
a:active,
a:visited,
a:link,
a:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
}

#app {
  display: none;
}

#music {
  width: 0.8rem;
  height: 0.8rem;
  position: fixed;
  right: 0.6rem;
  top: 0.8rem;
  z-index: 999;
}
#music.play {
  -webkit-animation: music 4s linear infinite;
  animation: music 4s linear infinite;
}
@keyframes {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.fullAd {
  top: 0;
  left: 0;
  position: fixed;
  background: #fff;
  z-index: 999999999999;
  width: 100%;
  height: 100%;
  display: none;
}
.fullAd .full_img {
  height: 100%;
  overflow: hidden;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.fullAd .tips {
  background: rgba(0, 0, 0, 0.6);
  padding: 5px 10px;
  border-radius: 15px;
  width: 80px;
  height: 20px;
  position: absolute;
  top: 5px;
  right: 5px;
  text-align: center;
  color: #fff;
  font-size: 12px;
}
.popmsg {
  text-align: center;
  padding: 20px 10px;
}
.popimg img {
  width: 100%;
  height: auto;
}
.playbox {
  margin: 5% auto;
  border-radius: 0.08rem;
  width: 90%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.videoplayer {
  width: 100%;
  height: 5rem;
  background: #000;
}
.van-pagination {
  font-size: 0.2rem !important;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-around;
  align-items: center;
}
.van-pagination__item {
  min-width: 0.4rem;
  height: 0.4rem;
  flex: none;
  -webkit-box-flex: none;
  -webkit-flex: none;
}
.van-pagination__next,
.van-pagination__prev {
  width: 1.2rem;
}
.poster {
  width: inherit;
  min-width: 100px;
}
.poster img {
  display: block;
  max-width: 80vh;
  max-height: calc(80vh - 0.7rem);
}
.poster .btns {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: center;
  margin: 0.25rem 5%;
}
.poster .btns button {
  display: block;
  width: 47.5%;
  height: 0.7rem;
  font-size: 0.24rem;
  padding: 0 !important;
}
.poster .van-dialog__cancel {
  font-size: 0.24rem;
  height: 0.7rem;
}
.tabbar {
  z-index: 1999;
}
